<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>div</div>
<div>div1</div>
<p>p</p>
<span>span</span>
<p>p1</p>
</body>

<script>
    function select(selector){//标签名
        var obj = document.querySelectorAll(selector);//伪数组

        obj.each = function(callback){
            //要求遍历obj，使用callback处理伪数组obj中的每一个元素
            each(this,callback);
            //this是什么   看你调用的是谁
        };
        return obj;
    }
    function each(arr,callback){
        for(var i=0;i<arr.length;i++){
            callback(arr[i],i);
        }
    }

    select('div,p').each(function(v){
        v.style.border = v.nodeName == 'DIV'//nodename标签名叫什么名字nodetype判断标签名是什么类型
                ?'1px solid red'
                :'1px dashed blue'
        ;
    });
</script>
</html>